<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>极客学院首页</title>
    <link rel="stylesheet" type="text/css" href="jikeindex.css">
    <link rel="stylesheet" href="swiper/swiper-3.2.7.min.css">
    <!--[if IE]>
    <script src="html5shiv.js"></script>
    <![endif]-->
</head>

<body>
<div class="container">
    <!-- 头部 -->
    <header>
        <div class="nav-wrap">
            <nav>
                <div class="navinner1">
                    <a href="http://www.jikexueyuan.com/">
                        <img src="img/logo.png" class="logo">
                    </a>
                </div>
                <div class="navinner2">
                    <form>
                        <input type="text" placeholder="搜索课程、问答或wiki" class="search-box"/>
                        <input type="submit" class="search" value=""/>
                    </form>
                    <div class="threea">
                        <a href="http://search.jikexueyuan.com/course/?q=Android">Android</a>
                        <a href="http://search.jikexueyuan.com/course?q=iOS">iOS</a>
                        <a href="http://search.jikexueyuan.com/course?q=HTML5">HTML5</a>
                    </div>
                </div>
                <div class="navinner3">
                    <a href="javascript:;"><img src="img/massage-icon2.png" class="icon2"></a>　|
                    <a href="javascript:;">QQ登录</a>　|
                    <a href="http://passport.jikexueyuan.com/sso/login">登录</a>　|
                    <a href="http://passport.jikexueyuan.com/sso/reg_phone">注册</a>
                </div>
            </nav>
        </div>
        <div class="banner-wrap">
            <div class="banner">
                <div class="banner-left">
                    <div id="panel">
                        <a href="http://www.jikexueyuan.com/" class="firstpage">首页</a>
                        <a href="http://www.jikexueyuan.com/course/" class="prolesson towlesson">职业课程</a>
                        <a href="http://jiuye.jikexueyuan.com/" class="job IT">就业学习</a>
                        <a href="http://www.jikexueyuan.com/" class="jike resource">极客社区</a>
                        <a href="http://www.jikexueyuan.com/" class="jike+ school">极客+</a>
                    </div>
                    <div id="dropdown">
                        <ul>
                            <li class="lesson-lib towlesson">
                                <span></span>
                                <a href="http://www.jikexueyuan.com/course/">课程库</a>
                                <a href="http://www.jikexueyuan.com/path/">知识体系图</a>
                                <a href="http://ke.jikexueyuan.com/zhiye/">职业路径图</a>
                                <a href="http://ke.jikexueyuan.com/xilie/">系列课程</a>
                            </li>
                            <li class="develop-lib IT">
                                <span></span>
                                <a href="http://jiuye.jikexueyuan.com/train/web">Web前端开发</a>
                                <a href="http://jiuye.jikexueyuan.com/train/android">Android开发</a>
                                <a href="http://jiuye.jikexueyuan.com/train/javaweb">JavaWeb开发</a>
                            </li>
                            <li class="wiki-lib resource">
                                <span></span>
                                <a href="http://wiki.jikexueyuan.com">Wiki</a>
                                <a href="http://wenda.jikexueyuan.com/">技术问答</a>
                                <a href="http://qun.jikexueyuan.com">社群</a>
                                <a href="http://download.jikexueyuan.com">资源分享</a>
                            </li>
                            <li class="Recruitment-lib school">
                                <span></span>
                                <a href="http://mooc.jikexueyuan.com">高校合作</a>
                                <a href="http://zhiye.jikexueyuan.com">极客人才联盟</a>
                                <a href="http://press.jikexueyuan.com/evangelist/apply.html">布道师招募</a>
                                <a href="http://jiuye.jikexueyuan.com/assistant/apply">实战教练招募</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="banner-right">
                    <a href="">VIP会员</a>
                    <a href="">求课程</a>
                    <a href="">APP下载</a>
                </div>
            </div>
        </div>
    </header>
    <article>
        <!-- main1部分 -->
        <div class="main1">
            <!-- 左侧 -->
            <div class="main1-left">
                <ul>
                    <li class="main1-li">
                        <a href="http://www.jikexueyuan.com/course/mobile/">移动开发</a>

                        <div class="dl-wrap">
                            <dl>
                                <dt><a href="">应用开发</a></dt>
                                <dd>
                                    <a href="">Android</a> |
                                    <a href="">iOS</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt><a href="">游戏开发</a></dt>
                                <dd>
                                    <a href="">Cocos</a> |
                                    <a href="">Unity3D</a> |
                                    <a href="">SpriteKit 2D</a> |
                                    <a href="">Unreal</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt><a href="">常用框架</a></dt>
                                <dd>
                                    <a href="">Cordova</a> |
                                    <a href="">React Native</a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <li class="main1-li">
                        <a href="http://www.jikexueyuan.com/course/web/">前端开发</a>

                        <div class="dl-wrap">
                            <dl>
                                <dt>
                                    <a href="http://www.jikexueyuan.com/course/webbase/">前端基础</a>
                                </dt>
                                <dd>
                                    <a href="http://www.jikexueyuan.com/course/html/">HTML</a> |
                                    <a href="http://www.jikexueyuan.com/course/html/">CSS</a> |
                                    <a href="http://www.jikexueyuan.com/course/javascript/">JavaScript</a> |
                                    <a href="http://www.jikexueyuan.com/course/html5/">HTML5</a> |
                                    <a href="http://www.jikexueyuan.com/course/css3/">CSS3</a> |
                                    <a href="http://www.jikexueyuan.com/course/prospective/">技术前瞻</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">前端进阶</a>
                                </dt>
                                <dd>
                                    <a href="#">Typescript</a> |
                                    <a href="#">前端安全</a> |
                                    <a href="#">项目实战</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">前端框架</a>
                                </dt>
                                <dd>
                                    <a href="#">jQuery</a> |
                                    <a href="#">jQuery UI</a> |
                                    <a href="#">jQuery Mobile</a> |
                                    <a href="#">AngularJS</a> |
                                    <a href="#">ReactJS</a> |
                                    <a href="#">Bootstrap</a> |
                                    <a href="#">React Native</a> |
                                    <a href="#">Backbone</a> |
                                    <a href="#">Three.js</a> |
                                    <a href="#">MooTools</a> |
                                    <a href="#">Compass</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">HTML5游戏</a>
                                </dt>
                                <dd>
                                    <a href="#">Canvas</a> |
                                    <a href="#">SVG</a> |
                                    <a href="#">WebGL</a> |
                                    <a href="#">Cocos2d-js</a> |
                                    <a href="#">CreateJS</a> |
                                    <a href="#">Flash</a> |
                                    <a href="#">Unreal</a> |
                                    <a href="#">Egret</a> |
                                    <a href="#">Phaser</a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <li class="main1-li">
                        <a href="#">后端开发</a>

                        <div class="dl-wrap">
                            <dl>
                                <dt>
                                    <a href="#">Python</a>
                                </dt>
                                <dd>
                                    <a href="#">Python 基础</a> |
                                    <a href="#">web2py</a> |
                                    <a href="#">Django</a> |
                                    <a href="#">Flask</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">Node.js</a>
                                </dt>
                                <dd>
                                    <a href="#">Node.js 基础</a> |
                                    <a href="#">express</a> |
                                    <a href="#">Meteor</a>
                                    <a href="#">Hexo</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">ASP.NET</a>
                                </dt>
                                <dd>
                                    <a href="#">C#</a> |
                                    <a href="#">ASP.NET MVC</a> |
                                    <a href="#">Entity Framework</a> |
                                    <a href="#">WPF</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">J2EE</a>
                                </dt>
                                <dd>
                                    <a href="#">Maven</a> |
                                    <a href="#">Spring</a> |
                                    <a href="#">SpringMVC</a> |
                                    <a href="#">Struts2</a> |
                                    <a href="#">MyBatis</a> |
                                    <a href="#">Hibernate</a> |
                                    <a href="#">Lucene</a> |
                                    <a href="#">常用框架</a> |
                                    <a href="#">项目实战</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">Ruby</a>
                                </dt>
                                <dd>
                                    <a href="#">Ruby 基础</a> |
                                    <a href="#">Ruby on Rails</a> |
                                    <a href="#">Grape</a> |
                                    <a href="#">Ruby进阶</a> |
                                    <a href="#">RubyMine</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">Go</a>
                                </dt>
                                <dd>
                                    <a href="#">Go 基础</a> |
                                    <a href="#">beego</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">Erlang</a>
                                </dt>
                                <dd>
                                    <a href="#">Erlang 基础</a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <li class="main1-li"><a href="#">基础知识</a>

                        <div class="dl-wrap">
                            <dl>
                                <dt>
                                    <a href="#">基础语言</a>
                                </dt>
                                <dd>
                                    <a href="#">C</a> |
                                    <a href="#">C++</a> |
                                    <a href="#">Objective-C</a> |
                                    <a href="#">Swift</a> |
                                    <a href="#">C#</a> |
                                    <a href="#">Java</a>
                                    <a href="#">Perl</a> |
                                    <a href="#">Shell</a> |
                                    <a href="#">Scala</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">计算机基础</a>
                                </dt>
                                <dd>
                                    <a href="#">计算机组成原理</a> |
                                    <a href="#">网络工程</a> |
                                    <a href="#">Word</a>
                                    <a href="#">Excel</a> |
                                    <a href="#">PowerPoint</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">开发基础</a>
                                </dt>
                                <dd>
                                    <a href="#">算法基础</a> |
                                    <a href="#">数据结构</a> |
                                    <a href="#">设计模式</a> |
                                    <a href="#">软件工程</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">开发工具</a>
                                </dt>
                                <dd>
                                    <a href="#">Git/Github</a> |
                                    <a href="#">SVN</a> |
                                    <a href="#">VI</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">开放标准</a>
                                </dt>
                                <dd>
                                    <a href="#">OpenCL</a> |
                                    <a href="#">Open XML</a> |
                                    <a href="#">OpenGL/GLES</a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <li class="main1-li"><a href="#">云计算&大数据</a>

                        <div class="dl-wrap">
                            <dl>
                                <dt>
                                    <a href="#">云计算</a>
                                </dt>
                                <dd>
                                    <a href="#">OpenStack</a> |
                                    <a href="#">Docker</a> |
                                    <a href="#">CloudStack</a> |
                                    <a href="#">Windows Azure</a> |
                                    <a href="#">IaaS</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">大数据</a>
                                </dt>
                                <dd>
                                    <a href="#">Hadoop</a> |
                                    <a href="#">Storm</a> |
                                    <a href="#">Hive</a> |
                                    <a href="#">Kafka</a> |
                                    <a href="#">Hbase</a> |
                                    <a href="#">Spark</a> |
                                    <a href="#">信息检索</a> |
                                    <a href="#">数据分析</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">虚拟化</a>
                                </dt>
                                <dd>
                                    <a href="#">VMware</a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <li class="main1-li">
                        <a href="#">智能硬件&物联网</a>

                        <div class="dl-wrap">
                            <dl>
                                <dt>
                                    <a href="#">硬件架构</a>
                                </dt>
                                <dd>
                                    <a href="#">C51</a> |
                                    <a href="#">ARM</a> |
                                    <a href="#">Keil</a> |
                                    <a href="#">Cortex-M</a> |
                                    <a href="#">Cortex-A</a> |
                                    <a href="#">AVR</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">物联网操作系统</a>
                                </dt>
                                <dd>
                                    <a href="#">NRTOS</a> |
                                    <a href="#">Android Wear</a> |
                                    <a href="#">Apple Watchkit</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">开源硬件平台</a>
                                </dt>
                                <dd>
                                    <a href="#">Arduino</a> |
                                    <a href="#">树莓派</a> |
                                    <a href="#">mbed</a> |
                                    <a href="#">GoKit</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">通信链接技术</a>
                                </dt>
                                <dd>
                                    <a href="#">无线WiFi</a> |
                                    <a href="#">移动通信</a> |
                                    <a href="#">蓝牙</a> |
                                    <a href="#">NFC</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">信息感知处理技术</a>
                                </dt>
                                <dd>
                                    <a href="#">传感器</a> |
                                    <a href="#">数据挖掘</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">人机交互技术</a>
                                </dt>
                                <dd>
                                    <a href="#">语音识别</a> |
                                    <a href="#">人脸识别</a>
                                    <a href="#">手势识别</a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <li class="main1-li"><a href="#">数据库</a>

                        <div class="dl-wrap">
                            <dl>
                                <dt>
                                    <a href="#">SQL</a>
                                </dt>
                                <dd>
                                    <a href="#">MySQL</a> |
                                    <a href="#">SQL Server</a> |
                                    <a href="#">Oracle</a> |
                                    <a href="#">SQLite</a> |
                                    <a href="#">PostgreSQL</a> |
                                    <a href="#">DB2</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">NoSQL</a>
                                </dt>
                                <dd>
                                    <a href="#">Cassandra</a> |
                                    <a href="#">Redis</a> |
                                    <a href="#">MongoDB</a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <li class="main1-li"><a href="#">认证考试</a>

                        <div class="dl-wrap">
                            <dl>
                                <dt>
                                    <a href="#">计算机等级考试</a>
                                </dt>
                                <dd>
                                    <a href="#">一级</a> |
                                    <a href="#">二级C</a> |
                                    <a href="#">二级Java</a> |
                                    <a href="#">二级C++</a> |
                                    <a href="#">网络工程师</a> |
                                    <a href="#">数据库工程师</a> |
                                    <a href="#">信息安全工程师</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">企业认证</a>
                                </dt>
                                <dd>
                                    <a href="#">思科认证</a> |
                                    <a href="#">Oracle认证</a> |
                                    <a href="#">Linux认证</a> |
                                    <a href="#">ARM认证</a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <li class="main1-li"><a href="#">企业IT</a>

                        <div class="dl-wrap">
                            <dl>
                                <dt>
                                    <a href="#">运维管理</a>
                                </dt>
                                <dd>
                                    <a href="#">Shell</a> |
                                    <a href="#">自动化运维</a> |
                                    <a href="#">Apache</a> |
                                    <a href="#">运维监控</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">操作系统</a>
                                </dt>
                                <dd>
                                    <a href="#">Linux</a> |
                                    <a href="#">Windows</a> |
                                    <a href="#">Mac OS</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">企业服务</a>
                                </dt>
                                <dd>
                                    <a href="#">B2C</a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <li class="main1-li"><a href="#">设计&产品&测试</a>

                        <div class="dl-wrap">
                            <dl>
                                <dt>
                                    <a href="#">设计基础</a>
                                </dt>
                                <dd>
                                    <a href="#">Photoshop</a> |
                                    <a href="#">Flash</a> |
                                    <a href="#">Illustrator</a> |
                                    <a href="#">Sketch</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">游戏设计</a>
                                </dt>
                                <dd>
                                    <a href="#">界面设计</a> |
                                    <a href="#">角色设计</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">产品经理</a>
                                </dt>
                                <dd>
                                    <a href="#">需求分析</a> |
                                    <a href="#">Axure</a> |
                                    <a href="#">项目实战</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">视觉设计</a>
                                </dt>
                                <dd>
                                    <a href="#">应用UI设计</a> |
                                    <a href="#">网页UI设计</a> |
                                    <a href="#">设计理论</a> |
                                    <a href="#">图形设计</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">测试工具</a>
                                </dt>
                                <dd>
                                    <a href="#">自动化测试</a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 中间 -->
            <div class="main1-middle">
                <div class="carousel1">
                    <div class="swiper-container">
                        <div class="swiper-button-prev car1btnlt"></div>
                        <div class="swiper-button-next"></div>
                        <div class="swiper-pagination"></div>
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <a href="#">
                                    <img src="img/5c31.jpg" class="engineer ">
                                </a>
                            </div>
                            <div class="swiper-slide ">
                                <a href="#">
                                    <img src="img/fa7f.jpg" class="engineer">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="#">
                                    <img src="img/9ed1.jpg" class="engineer">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="#">
                                    <img src="img/0262.jpg" class="engineer">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="#">
                                    <img src="img/a10e.jpg" class="engineer">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel2">
                    <div class="swiper-container">
                        <div class="swiper-button-next"></div>
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="lesson-list1">
                                    <a href="#">
                                        <img src="img/html.png" class="lesson-img">

                                        <div class="lesson-title">
                                            HTML5/Web前端工程师
                                            <br> BAT大牛亲自授课
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="lesson-list2">
                                    <a href="#">
                                        <img src="img/android.png" class="lesson-img">

                                        <div class="lesson-title">
                                            Android开发工程师
                                            <br> 挑战月薪2万的工作机会
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="lesson-list3">
                                    <a href="#">
                                        <img src="img/7e6.jpg" class="lesson-img">

                                        <div class="lesson-title">
                                            JavaWeb开发工程师
                                            <br> Java人才4个月极速进阶
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="lesson-list4">
                                    <a href="#">
                                        <img src="img/aa6eb.jpg" class="lesson-img">

                                        <div class="lesson-title">
                                            极客学院就业班
                                            <br> 0基础 | 4个月 | 100%保就业
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- main1-right -->
            <div class="main1-right">
                <div class="main1-right1">
                    <div class="txt">快讯</div>
                    <ul>
                        <li><a>新用户注册抽奖，100%中奖</a></li>
                        <li><a>wiki2.0重磅上线!</a></li>
                        <li><a>干货征集令-大奖揭晓 速来领奖</a></li>
                        <li><a>极客学院斩获腾讯教育双料大奖</a></li>
                    </ul>
                </div>
                <div class="main1-right2">
                    <div class="img-wrap">
                        <img src="img/default.gif" width="40px">
                    </div>
                    <div class="text-wrap">
                        <div>Hi!你好</div>
                        <div class="welcome">欢迎来到极客学院</div>
                        <a class="logon">登录</a>
                        <a class="register">有奖注册</a>
                    </div>
                </div>
                <div class="main1-right3">
                    <div id="right3inner">
                        <div class="right3-top">
                            <a><span class="question-icon"></span>问答<span class="triangle"></span></a>
                            <a><span class="wiki-icon"></span>wiki<span class="triangle"></span></a>
                            <a><span class="lesson-icon"></span>课程<span class="triangle"></span></a>
                            <a><span class="group-icon"></span>社群<span class="triangle"></span></a>
                        </div>
                        <a href="#"><span class="download-icon"></span>下载</a>
                        <a href="#"><span class="knowledge-icon"></span>知识</a>
                        <a href="#"><span class="profession-icon"></span>职业</a>
                        <a href="#"><span class="vip-icon"> </span>VIP</a>
                    </div>
                    <div class="right3inner2">
                        <ul class="ul-list">
                            <li class="caption">
                                问答
                            </li>
                            <li class="caption">
                                WiKi
                            </li>
                            <li class="caption">
                                课程
                            </li>
                            <li class="caption">
                                社群
                            </li>
                        </ul>
                        <div id="toggleBottom">
                            <div class="fonttxt1">
                                <a href="#">
                                    <img src="img/8e62a.png" width="16px">
                                        <span> 
                                        【问答技巧】怎样提问才能让我的问题更快速被解答？
                                    </span>
                                </a>
                                <a href="#">
                                    <img src="img/a8791.png" width="16px">
                                        <span>
                                        Bootstrap 最新版 V4 中文文档
                                    </span>
                                </a>
                                <a href="#">
                                    <img src="img/devbase.png" width="16px">
                                        <span>
                                        【老师分享】对LPS的Manacher算法感兴趣的同学请
                                    </span>
                                </a>
                                <a href="#">
                                    <img src="img/games.png" width="16px">
                                        <span>
                                        build_native.py时报错
                                    </span>
                                </a>
                                <a href="#">
                                    <img src="img/mobile.png" width="16px">
                                    <span>超级菜鸟想成为怎么成长？</span>
                                </a>
                            </div>
                            <div class="fonttxt2">
                                <a href="#">
                                    <img src="img/06c8.jpg" width="55px">

                                    <div class="key">iOS人机交互指南</div>
                                </a>
                                <a href="#">
                                    <img src="img/cf037d.jpg" width="55px">

                                    <div class="key">Struts 2 教程</div>
                                </a>
                                <a href="#">
                                    <img src="img/829a0.jpg" width="55px">

                                    <div class="key">PHP 新手指南</div>
                                </a>
                            </div>
                            <div class="fonttxt3">
                                <a href="#">
                                    <img src="img/html.png" width="30px">

                                    <div class="key">HTML5开发</div>
                                </a>
                                <a href="#">
                                    <img src="img/android.png" width="30px">

                                    <div class="key">Android</div>
                                </a>
                                <a href="#">
                                    <img src="img/Cocos2d-x.png" width="30px">

                                    <div class="key">Cocos2d-x游戏开发</div>
                                </a>
                                <a href="#">
                                    <img src="img/Java.png" width="30px">

                                    <div class="key">Java语言</div>
                                </a>
                            </div>
                            <div class="fonttxt4">
                                <div class="assinner">
                                    <img src="img/c078d.png" width="32px">

                                    <div class="number key">
                                        <span>Android工程师</span>
                                        <br>
                                        <span>已有409人加入</span>
                                    </div>
                                    <a href="#">+加入</a>
                                </div>
                                <div class="assinner">
                                    <img src="img/18560.png" width="32px">

                                    <div class="number key">
                                        <span>Web大前端工程师</span>
                                        <br>
                                        <span>已有481人加入</span>
                                    </div>
                                    <a href="#">+加入</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- main2 部分-->
        <div class="main2">
            <div class="menu-text">
                <ul>
                    <li class="menucap greenborder">热门推荐<span class="green-tri  firgreen"></span></li>
                    <li class="menucap">最新课程<span class="green-tri"></span></li>
                    <li class="menucap">免费课程<span class="green-tri"></span></li>
                    <li class="menucap">项目实战<span class="green-tri"></span></li>
                    <li class="menucap">全球首发<span class="green-tri"></span></li>
                    <li class="menucap">企业合作<span class="green-tri"></span></li>
                </ul>
            </div>
            <div class="menu-image">
                <div class="main2inner default2">
                    <ul>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a queue">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">名企数据结构面试题之栈与队列（上）
                                        </a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程介绍栈与队列相关面试题，讲解用两个栈实现一个队列、用两个队列实现一个栈、包含 min
                                            函数的栈等问题，并总结解题规律，让大家掌握栈与队列相关面试题的常用解法。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">5课时 54分钟</span><span
                                            class="person">2454人学习</span></dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/devbase.png" width="17px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a control">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">Windows 10应用开发之文本输入控件</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程主要介绍输入控件的使用方法。文本输入控件可以帮助应用程序收集用户通过键盘输入的文本内容，以便完成交互。比较常用的文本输入控件有
                                            TextBox、RichEditBox 和 PasswordBox三种。除此之外，SDK 还提供了一个 AutoSuggestBox
                                            控件，该控件在输入的过程中提供自动完成功能。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">6课时 47分钟</span><span
                                            class="person">2300人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">初级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/os.png" width="16px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a web">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">网页控制电脑</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程讲解使用网页控制电脑。学习了本课程以后，你可以使用 Flask 编写一个网页，使用MongoDB 作为中介，通过网页下达命令来控制远程的电脑。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">4课时 41分钟</span><span
                                            class="person">2856人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/54578de87b2f1.png" width="17px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a photoshop1">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">Photoshop——图像调整7</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程为图像调整部分的第7课，主要讲解阴影/高光的属性、效果以及原理，并通过阴影/高光图片调色实例讲解，帮助学员进一步深入了解该工具的使用与技巧。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">3课时 53分钟</span><span
                                            class="person">2366人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/54eeb5cc8b7f1.png" width="17px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                     </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a photoshop2">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">Photoshop——图像调整8</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程为图像调整部分的第8课，主要讲解 HDR 高动态范围图象概念；HDR 色调属性、效果及其原理，并通过演示 HDR
                                            色调图片调色实例，帮助学员进一步深入了解该工具的使用。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">3课时 46分钟</span><span
                                            class="person">2409人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/54eeb5cc8b7f1.png" width="17px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a sort">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">排序及相关操作（二）</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程主要讲解排序操作的其他高级算法，包括堆操作、合并排序和搜索等内容。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">3课时 61分钟</span>
                                        <span class="person">2203人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/c++.png" width="17px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a Lambda">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">Lambda 架构详解（上）</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程将会温习并深入讲解 Lambda 架构。并着眼于在基于 Lambda 架构的系统中实现对数据的 CRUD 操作，并以实际代码为例进行讲解。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">3课时 38分钟</span><span
                                            class="person">2242人学习</span>
                                    </dd>
                                    <span class="grade2">中级</span>
                                    <a href="#" class="grade-img">
                                        <img src="img/bigdata.png" width="17px" align="right">
                                    </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a property">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">Property 动画入门到精通</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程先介绍 Property 动画的体系结构和使用方式，然后讲解 Property 动画的原理和定制方法。最后讲解 Property 动画拓展知识。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">4课时 73分钟</span><span
                                            class="person">2764人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">初级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/2c3.png" width="17px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="main2inner">
                    <ul>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a php">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">PHP 面向对象程序设计之抽象类与接口
                                        </a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程主要讲解了PHP 面向对象程序中的抽象类、接口技术并通过接口技术实现多态的应用。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">3课时 34分钟</span><span
                                            class="person">2057人学习</span></dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/f23.png" width="16px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a Design">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">Material Design 之动画篇</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程先介绍 Material Design 体系下对动画效果的要求，然后以案例加代码的方式重点讲解Material Design 提供的6种动画。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">3课时 86分钟</span><span
                                            class="person">2067人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">初级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/2c3.png" width="16px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a c-lang">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">C 语言编程实践：通讯录管理系统（上）</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程对项目进行需求分析和系统设计，并完成主函数模块设计以及新增联系人信息模块设计。目前，各类通讯电子产品都带有通讯录功能，用户可以方便的记录联系人的通讯信息，同时还可以实现对联系人的查找和排序功能。该项目分为两次课程讲解。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">4课时 58分钟</span><span
                                            class="person">2039人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/ae6.png" width="16px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a eye">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">综合案例：猫眼电影App产品原型设计</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程从产品设计的角度来设计猫眼电影App的综合案例，介绍产品的背景与发展历程，进行产品分析，包括产品功能结构图、产品界面分析、产品用户分析，接着进行猫眼电影App的原型设计，最后会进行竞品的分析与产品的总结。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">7课时 179分钟</span><span class="person">2357人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">高级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/pm.png" width="16px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a spoon">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">Android UiAutomator2 使用
                                            Spoon 运行测试</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            Android 碎片化严重给 Android APK
                                            测试测试带来严重困难，需要对各种品牌机型与系统进行测试，这时候我们就需要一个分发的测试系统。本课程我们就来学习使用开源工具 Spoon
                                            进行分发测试与测试报告展现。 进一步深入了解该工具的使用。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">4课时 45分钟</span><span
                                            class="person">2090人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">初级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/testtools.png" width="16px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a  Compass">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">Compass 初识</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            课程主要围绕“为什么需要学习 Compass？”和“如何快速上手 Compass？”两个问题展开，通过讲解 Compass
                                            的概念、特性，让学习者了解为何学习 Compass，通过讲解 Compass 的安装与使用、GUI 方式让学习者掌握如何上手 Compass。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">4课时 36分钟</span><span
                                            class="person">2113人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">初级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/webbase.png" width="16px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a Mmo">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">Photon Mmo中的公用枚举</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程主要介绍 Photon Mmo框架里的公用枚举，通过这些枚举的讲解和分析，完成对 Photon Mmo 框架公用项目
                                            Photon.Mmo.Common 项目的基本了解。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">3课时 58分钟</span><span
                                            class="person">2123人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/games.png" width="16px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a OSPF">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">OSPF 路由协议的网络类型</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程主要讲解 OSPF 的五种网络类型，通过对其概念和配置的学习，了解 OSPF 对待不同种类网络结构是如何用不同的方式来计算和传递路由情况。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">4课时 39分钟</span><span
                                            class="person">2081人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">高级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/enterprise.png" width="16px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="main2inner">
                    <ul>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a Compass">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">Compass 初识
                                        </a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            课程主要围绕“为什么需要学习 Compass？”和“如何快速上手 Compass？”两个问题展开，通过讲解 Compass
                                            的概念、特性，让学习者了解为何学习 Compass，通过讲解 Compass 的安装与使用、GUI 方式让学习者掌握如何上手 Compass。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap">
                                        <span class="time">4课时 36分钟</span>
                                        <span class="person">2113人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">初级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/webbase.png" width="16px">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a  Cortex-M">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">嵌入式系统概述</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            着重讲解嵌入式的组成，以及分析当今比较流行的嵌入式系统，并且带领大家熟悉 Cortex-M 系列芯片的特点，最后带领大家学习并使用嵌入式开发的各种工具。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap">
                                        <span class="time">3课时 47分钟</span>
                                        <span class="person">3086人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">初级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/hardware.png" width="17px">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a FileMaker14">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">FileMaker 14
                                            高级教学（三）逻辑解决方案：函数篇（上）</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本章作为函数的上篇我们将了解一些常用的函数，学习怎样新建函数字段并且运用函数字段作为自动输入和验证选项。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap">
                                        <span class="time">4课时 35分钟</span>
                                        <span class="person">2258人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">初级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/business.png" width="16px">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a Hadoop">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">Hadoop 性能调优与运维</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            Hadoop 性能调优主要分为四个维度，硬件、操作系统、 Java 虚拟机和 Hadoop 参数这几个方面进行，并且 Hive
                                            也有自己独有的调优方式。运维主要从日常运维、故障恢复、故障排查这几个方面进行。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">6课时 33分钟</span><span
                                            class="person">2476人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/bigdata.png" width="16px">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a Swift">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">Swift 图书展示项目开发实战(一)</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程讲解 Swift 图书展示项目的基本功能，Swift 的一些常识和 CocoaPods 的使用，为后续项目实战开发奠定基础。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">4课时
                            37分钟</span><span class="person">3073人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/0e14.png" width="17px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a Flask">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">Flask 快速搭建网站</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程讲解使用 Python 的 Web 框架 Flask 快速搭建一个页面，并使用 BootStrap 进行简单的布局操作，同时使用 MongoDB
                                            保存信息。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap">
                                        <span class="time">3课时 35分钟</span>
                                        <span class="person">3302人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/54578de87b2f1.png" width="16px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a phpdevelop">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">PHP 开发实战：网站登陆功能</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程讲解 PHP 的网站是如何实现登陆操作的？涉及到 PHP
                                            如何操作数据库？如何验证用户填写正确等，让学员通过对功能的开发实例清晰的了解登录的流程机制，对后续的开发有很大的启发作用。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">3课时 45分钟</span><span
                                            class="person">3510人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/f23.png" width="16px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a AppleTV">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">Apple TV 应用程序开发之控件元素基础</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程主要介绍 Apple TV 开发的基本设计原则和界面控件元素——Alert、Button 及 Custom View Focus 的实现方法。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">4课时 51分钟</span><span
                                            class="person">2372人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">初级</span>
                                        <a href="#l" class="grade-img">
                                            <img src="img/0e14.png" width="16px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="main2inner">
                    <ul>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a Android">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">Android 项目开发实战：图案解锁
                                        </a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程讲解在 Android
                                            上实现一个自定义的图案解锁用户控件，并利用这个自定义控件为应用添加图案解锁功能。该应用可以允许用户设置自己的解锁图案，然后就可以使用该图案进行解锁。应用使用自定义
                                            View 实现基本点的显示与切换，使用 Canvas 实现界面的绘制。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">5课时 72分钟</span><span
                                            class="person">6352人学习</span></dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/2c3.png" width="16px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a calculator">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">Android 项目开发实战：语音播报计算器</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程带领大家一起完成一款带语音播报功能的计算器，并且有历史记录等扩展功能，包括下滑结果显示框出现历史记录，以及滑动删除等。除此之外，它还可以合计历史结果值。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">4课时 48分钟</span><span
                                            class="person">4427人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">初级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/2c3.png" width="16px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a navbar">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">iOS实战项目开发:团购之导航栏搜索城市功能</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本节课将进一步优化导航栏的 UI 界面，运用 plist 文件读取解析，及字典转模型等方法，实现搜索城市及定位的界面及功能。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">3课时 59分钟</span><span
                                            class="person">4713人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/0e14.png" width="16px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a expand">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">Android项目开发实战：语音播报计算器拓展功能实现</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程在语音播报计算器的基础上，实现更人性化的功能。它包括：下滑显示框展示历史记录、历史记录可滑动删除、合计历史记录功能、清除所有历史记录功能。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">3课时 54分钟</span><span
                                            class="person">3532人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/2c3.png" width="16px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a blog">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">构建轻博客系统之项目准备</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程主要带大家做一些前期的准备工作，为接下来的正式开发打好基础。课程内容包括项目分析、beego 的简单使用和数据库的配置。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">4课时 27分钟</span><span
                                            class="person">3111人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/895.png" width="16px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a Cocos2d-x">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">Cocos2d-x 小小打飞机项目开发实战</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程通过学习开发一个打飞机的游戏项目开发，学习 Cocos2d-x 3.4 引擎常用知识，还会学习 Cocos2d-x 3.4
                                            的点击等监听事件，贝塞尔曲线，帧动画，和一些存储数据技术，让大家掌握一个小游戏的完整开发流程。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">6课时 61分钟</span><span
                                            class="person">3261人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/games.png" width="16px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a SDK">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">Android 项目开发实战：微博之项目搭建</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程带领大家实现微博类应用，首先简单的展示了下应用的功能，进行了微博应用的实现需求分析，其次讲解如何接入新浪微博的 SDK
                                            及其使用方法。并进行项目环境的搭建，为后面的开发做好准备工作。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">3课时 26分钟</span><span
                                            class="person">6206人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/2c3.png" width="16px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a kongfu">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">Cocos2d-x
                                            游戏：功夫小子——概要及开发环境配置</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程主要根据实际的游戏演示，分析游戏的基本结构和特点，形成对游戏的整体认识。介绍开发游戏使用的 Cocos2d-x 版本并配置好开发环境。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">3课时 23分钟</span><span
                                            class="person">4489人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">初级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/games.png" width="16px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="main2inner">
                    <ul>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a GoogleIO ">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">Google IO 2015 大揭秘
                                        </a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            今天凌晨 Google IO 2015 大会举行，在大会上 Google 推出了包括 Android M、Android Studio
                                            1.3、Android Wear、Brillo 在内的很多新的好玩的东西，我在第一时间录制这个视频和大家分享认知。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">4课时 24分钟</span><span
                                            class="person">5883人学习</span></dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/2c3.png" width="17px" align="right">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a WatchKit">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">WatchKit 的界面对象</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课介绍 WatchKit 中的界面对象，也就是 UI 元素部分，包括界面对象的概念以及 WatchKit 中的界面对象，如标签、表、上下文菜单等。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">4课时 31分钟</span><span
                                            class="person">3157人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">初级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/0e14.png" width="16px">
                                            <img src="img/5b56.png" width="16px">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a  Glance">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">WatchKit 的 Glance
                                            和通知界面（下）</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课是 WatchKit 的概览和通知界面课程的下半部分课程，主要讲解了为通知界面添加按钮的方法、通知类目的概念以及静态界面、动态界面的样式和界面指南。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">4课时 27分钟</span><span
                                            class="person">2689人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/0e14.png" width="16px">
                                            <img src="img/5b56.png" width="16px">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a Notification ">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">WatchKit 的 Glance
                                            和通知界面（上）</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课介绍 WatchKit 中 Glance 和 Notification 界面，包括两种交互方式的概念和特点。其中上半部分的课程主要讲解了
                                            Glance 的概念和布局原则，简单介绍了通知界面的两种类型。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">4课时 24分钟</span><span
                                            class="person">2798人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/0e14.png" width="16px">
                                            <img src="img/5b56.png" width="16px">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a  AppIcon ">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">WatchKit 布局和导航</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课介绍 WatchKit 中布局和导航，包括布局中涉及到的 App Icon 尺寸、屏幕尺寸、WatchKit
                                            的适配；导航的两种样式：分页和分层的概念和创建。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">3课时 46分钟</span><span
                                            class="person">2409人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/0e14.png" width="16px">
                                            <img src="img/5b56.png" width="16px">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a WatchApp">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">WatchKit 基础知识简介</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课介绍最基础 WatchKit 框架包括 WatchKit App 和 WatchKit Extension 功能和生命周期。了解何谓 Watch
                                            App，为以后的开发打下基础。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">4课时 18分钟</span><span
                                            class="person">5260人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">初级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/0e14.png" width="16px">
                                            <img src="img/5b56.png" width="16px">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a apple">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">苹果2015新产品发布会介绍</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课根据苹果2015年3月10日的产品发布会总结而出，内容包括 AppleTV 介绍、iPhone 特性介绍、全新 Mac 系列产品介绍、Apple
                                            Watch 介绍。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">4课时 16分钟</span><span
                                            class="person">4535人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">初级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/0e14.png" width="16px">
                                            <img src="img/5b56.png" width="16px">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a GDC">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">GDC 2015 游戏开发者大会 与 Unity
                                            5.0 介绍</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            2015年3月3日，Unity 官方在 GDC2015 大会上正式发布了迄今为止最强大的的 Unity 版本：Unity5.0。
                                            其中包含了大量的图形改进和扩展的编辑器功能集，让开发者具备跨越21个平台创造出色游戏的潜力。 在本套课程当中，就为大家详细介绍一下Unity5
                                            的新特性，以及对应的下载与安装。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">5课时 46分钟</span><span class="person">12004人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">初级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/games.png" width="16px">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="main2inner">
                    <ul>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a FileMaker14 ">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">FileMaker 14
                                            高级教学（三）逻辑解决方案：函数篇（上））
                                        </a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本章作为函数的上篇我们将了解一些常用的函数，学习怎样新建函数字段并且运用函数字段作为自动输入和验证选项。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">4课时 35分钟</span><span
                                            class="person">2262人学习</span></dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/business.png" width="17px">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a Qualcomm">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">增强现实 超凡体验 Qualcomm Vuforia
                                            SDK 在线培训</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本次培训主要对Qualcomm Vuforia
                                            移动视觉平台和开发套件的功能特点作深度讲解，同时也包括相关配套工具，最新的云端识别服务和资费方案概况。除此之外培训中还将详细介绍最新发布的Vuforia
                                            5 新功能——Mixed Reality 和其展现出的从手机平板到智能眼镜的 VR/AR 超凡体验的可能性。
                                            从传统的手机、平板到新生代智能数码眼镜设备，Vuforia 不仅可用于创建增强现实应用，更可以支持整合了AR增强现实和 VR
                                            虚拟现实的混合现实应用程序。至今，Vuforia
                                            已被全球多家顶级品牌所采用，在全世界拥有超过17万注册开发者，并开发了2万多个应用程序，下载安装2亿逾次。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">2课时 52分钟</span><span
                                            class="person">3433人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">初级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/0e14.png" width="16px">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a data">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">FileMaker 14
                                            高级教学（一）数据和数据库</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本章作为本教程的开篇，将从数据库的建模入手，讲解数据库中表的关系以及怎样从一个抽象的商业模式中提取有效的数据库，并最终将其变成 FileMaker
                                            的解决方案。同时我们将从基本的字段入手，学习怎样新建字段，容器，入口以及设置相关联的选项。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">5课时 37分钟</span><span
                                            class="person">2856人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/0e14.png" width="17px">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a Kubernete">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">从Docker到CaaS（三）Kubernetes</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程针对使用 Docker 容器部署产品的应用开发者，通过本课程的学习使开发者了解 Kubernetes 的工作原理以及部署方式，能在
                                            Kubernetes 平台部署应用。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">3课时 56分钟</span><span
                                            class="person">2512人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/cloudcompute.png" width="16px">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a Docker">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">从Docker到CaaS（二）Docker
                                            容器管理工具</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程针对使用 Docker 容器部署产品的应用开发者，通过本课程的学习使开发者了解 Docker 官方管理，编排解决方案，并能在 Docker
                                            集群管理工具上部署应用。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">3课时 39分钟</span><span
                                            class="person">2535人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/cloudcompute.png" width="16px">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a OpenCL">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">OpenCL 设备 KERNEL 设计</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程中，我们将一起学习 OpenCL 的基本知识，如 OpenCL 架构的四种模型和 OpenCL C 语言。之后，我们学习一个例子，该例介绍了如何用
                                            OpenCL 规范提供的一些常用 API 函数，去使用 OpenCL 设备完成并行计算代码的运行以及代码运行环境的配置和释放。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">3课时 61分钟</span><span
                                            class="person">2203人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/devstd.png" width="16px">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a API">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">OpenCL编程的开发环境与API</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课介绍 OpenCL
                                            编程的开发环境与API。课程首先对OpenCL编程的环境设置及准备工作做出介绍，之后通过一个实例对OpenCL编程Host代码流程进行介绍。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">3课时 10分钟</span><span
                                            class="person">2302人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">中级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/devstd.png" width="16px">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <div class="menuinner1">
                                <a href="#" class="inner1a CaaS">
                                    <div>
                                        <img src="img/player_icon.png">
                                    </div>
                                </a>
                            </div>
                            <div class="menuinner2">
                                <dl>
                                    <dt>
                                        <a href="#">从Docker到CaaS（一）Docker集群管理介绍</a>
                                    </dt>
                                    <dd class="hidediv">
                                        <div>
                                            本课程针对使用 Docker 容器部署产品的应用开发者。通过本课程的学习使应用开发者了解Docker 在云端部署的方法，了解 Docker 集群管理以及
                                            CaaS 的概念。
                                        </div>
                                    </dd>
                                    <dd class="time-wrap"><span class="time">4课时 73分钟</span><span
                                            class="person">2764人学习</span>
                                    </dd>
                                    <dd class="hidegrade">
                                        <span class="grade2">初级</span>
                                        <a href="#" class="grade-img">
                                            <img src="img/cloudcompute.png" width="16px">
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 职业路径图 -->
        <div id="professional-list">
            <div class="list-txt">
                <a href="#" class="map">职业路径图<span>?</span></a>
                <a href="#" class="morebtn">更多&gt;&gt;</a>
            </div>
            <div class="list-img">
                <a href="#" class='proa-default'>
                    <img src="img/99f.png" width="198px">

                    <h3>WEB大前端工程师</h3>

                    <p>月薪15k-30k
                        <br>Web开发的未来趋势 </p>

                    <div class="study">立即学习</div>
                </a>
                <a href="#" class="proa-default">
                    <img src="img/9d1.png" width="198px">

                    <h3>Android工程师</h3>

                    <p>月薪5k-30k
                        <br>最火爆的职业 人才缺口大 </p>

                    <div class="study">立即学习</div>
                </a>
                <a href="#" class="proa-default">
                    <img src="img/692.png" width="198px">

                    <h3>iOS开发工程师</h3>

                    <p>月薪6k-30k
                        <br>企业必争的人才资源 </p>

                    <div class="study">立即学习</div>
                </a>
                <a href="#" class="proa-default">
                    <img src="img/548.png" width="198px">

                    <h3>JavaWeb工程师</h3>

                    <p>月薪6k-35k
                        <br>就业面最广的职业方向 </p>

                    <div class="study">立即学习</div>
                </a>
                <a href="#" class="proa-default">
                    <img src="img/ed6.png" width="198px">

                    <h3>PHP工程师</h3>

                    <p>月薪5k-35k
                        <br>最好的开发语言 没有之一 </p>

                    <div class="study">立即学习</div>
                </a>
                <a href="#" class="proa-default">
                    <img src="img/d4c.png" width="198px">

                    <h3>Cocos2d工程师</h3>

                    <p>月薪7k-30k
                        <br>最流行跨平台手机游戏开发 </p>

                    <div class="study">立即学习</div>
                </a>
                <a href="#" class="proa-default">
                    <img src="img/a94.png" width="198px">

                    <h3>Unity3D工程师</h3>

                    <p>月薪7-40k
                        <br>国际最热门的3D游戏引擎 </p>

                    <div class="study">立即学习</div>
                </a>
                <a href="#" class="proa-default">
                    <img src="img/61d.png" width="198px">

                    <h3>ASP.NET工程师</h3>

                    <p>月薪5k-30k
                        <br>微软强力推行的开发语言 </p>

                    <div class="study">立即学习</div>
                </a>
                <a href="javascript:;" class="proa-default ">
                    <img src="img/723.png" width="198px">

                    <h3>大数据工程师</h3>

                    <p>月薪8K-40K
                        <br>目前最稀缺的职业方向 </p>

                    <div class="study wait">敬请期待</div>
                </a>
                <a href="javascript:;" class="proa-default ">
                    <img src="img/2f7.png" width="198px">

                    <h3>运维工程师</h3>

                    <p>月薪6k-30k
                        <br>最能折腾的职业岗位 </p>

                    <div class="study wait">敬请期待</div>
                </a>
            </div>
        </div>
        <!-- 知识体系图 -->
        <div class="knowledge">
            <div class="knowledge-txt">
                <a href="#" class="map">知识体系图<span>?</span></a>
                <a href="#" class="morebtn">更多&gt;&gt;</a>
            </div>
            <div class="knowledge-list">
                <div class="kno-inner">
                    <a href="#" class="list-box">
                        <div class="changewrap">
                            <div class="before">
                                <img src="img/android.png" width="40px">

                                <div>Android</div>
                                <span>90门课程</span>
                            </div>
                            <div class="after">
                                <p>772460人已学习</p>

                                <div class="immediately">立即学习</div>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="list-box">
                        <div class="changewrap">
                            <div class="before">
                                <img src="img/html.png" width="40px">

                                <div>HTML5开发</div>
                                <span>116门课程</span>
                            </div>
                            <div class="after">
                                <p>1837876人已学习</p>

                                <div class="immediately">立即学习</div>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="list-box">
                        <div class="changewrap">
                            <div class="before">
                                <img src="img/Java.png" width="40px">

                                <div>Java语言</div>
                                <span>45门课程</span>
                            </div>
                            <div class="after">
                                <p>685982人已学习</p>

                                <div class="immediately">立即学习</div>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="list-box">
                        <div class="changewrap">
                            <div class="before">
                                <img src="img/php.png" width="40px">

                                <div>PHP语言</div>
                                <span>26门课程</span>
                            </div>
                            <div class="after">
                                <p>284179人已学习</p>

                                <div class="immediately">立即学习</div>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="list-box">
                        <div class="changewrap">
                            <div class="before">
                                <img src="img/55028a07c02d1.jpg" width="40px">

                                <div>JavaWeb</div>
                                <span>64门课程</span>
                            </div>
                            <div class="after">
                                <p>654259人已学习</p>

                                <div class="immediately">立即学习</div>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="list-box">
                        <div class="changewrap">
                            <div class="before">
                                <img src="img/ios.png" width="40px">

                                <div>iOS开发</div>
                                <span>51门课程</span>
                            </div>
                            <div class="after">
                                <p>413559人已学习</p>

                                <div class="immediately">立即学习</div>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="list-box">
                        <div class="changewrap">
                            <div class="before">
                                <img src="img/25e.png" width="40px">

                                <div>Asp.Net</div>
                                <span>61门课程</span>
                            </div>
                            <div class="after">
                                <p>533770人已学习</p>

                                <div class="immediately">立即学习</div>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="list-box">
                        <div class="changewrap">
                            <div class="before">
                                <img src="img/c (1).png" width="40px">

                                <div>C语言</div>
                                <span>17门课程</span>
                            </div>
                            <div class="after">
                                <p>258693人已学习</p>

                                <div class="immediately">立即学习</div>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="list-box">
                        <div class="changewrap">
                            <div class="before">
                                <img src="img/018.png" width="40px">

                                <div>Python</div>
                                <span>59门课程</span>
                            </div>
                            <div class="after">
                                <p>405185人已学习</p>

                                <div class="immediately">立即学习</div>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="list-box">
                        <div class="changewrap">
                            <div class="before">
                                <img src="img/161d.png" width="40px">

                                <div>Unity3D</div>
                                <span>45门课程</span>
                            </div>
                            <div class="after">
                                <p>269743人已学习</p>

                                <div class="immediately">立即学习</div>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="list-box">
                        <div class="changewrap">
                            <div class="before">
                                <img src="img/swift.png" width="40px">

                                <div>Swift语言</div>
                                <span>11门课程</span>
                            </div>
                            <div class="after">
                                <p>82754人已学习</p>

                                <div class="immediately">立即学习</div>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="list-box">
                        <div class="changewrap">
                            <div class="before">
                                <img src="img/1bbd.png" width="40px">

                                <div>C#</div>
                                <span>30门课程</span>
                            </div>
                            <div class="after">
                                <p>148398人已学习</p>

                                <div class="immediately">立即学习</div>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="list-box">
                        <div class="changewrap">
                            <div class="before">
                                <img src="img/b38a.png" width="40px">

                                <div>Bootstrap</div>
                                <span>11门课程</span>
                            </div>
                            <div class="after">
                                <p>186087人已学习</p>

                                <div class="immediately">立即学习</div>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="list-box">
                        <div class="changewrap">
                            <div class="before">
                                <img src="img/Cocos2d-x.png" width="40px">

                                <div>Cocos2d-x游戏开发</div>
                                <span>109门课程</span>
                            </div>
                            <div class="after">
                                <p>711136人已学习</p>

                                <div class="immediately">立即学习</div>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="list-box">
                        <div class="changewrap">
                            <div class="before">
                                <img src="img/bfe5.jpg" width="40px">

                                <div>计算机一级</div>
                                <span>7门课程</span>
                            </div>
                            <div class="after">
                                <p>38594人已学习</p>

                                <div class="immediately">立即学习</div>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="list-box">
                        <div class="changewrap">
                            <div class="before">
                                <img src="img/c32d.jpg" width="40px">

                                <div>计算机二级</div>
                                <span>25门课程</span>
                            </div>
                            <div class="after">
                                <p>173761人已学习</p>

                                <div class="immediately">立即学习</div>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="list-box">
                        <div class="changewrap">
                            <div class="before">
                                <img src="img/32a6f.png" width="40px">

                                <div>GUI</div>
                                <span>40门课程</span>
                            </div>
                            <div class="after">
                                <p>167490人已学习</p>

                                <div class="immediately">立即学习</div>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="list-box">
                        <div class="changewrap">
                            <div class="before">
                                <img src="img/619d.png" width="40px">

                                <div>WatchKit开发</div>
                                <span>5门课程</span>
                            </div>
                            <div class="after">
                                <p>17766人已学习</p>

                                <div class="immediately">立即学习</div>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="list-box">
                        <div class="changewrap">
                            <div class="before">
                                <img src="img/3333.png" width="40px">

                                <div>Docker</div>
                                <span>9门课程</span>
                            </div>
                            <div class="after">
                                <p>34272人已学习</p>

                                <div class="immediately">立即学习</div>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="list-box">
                        <div class="changewrap">
                            <div class="before">
                                <img src="img/2c7e9.png" width="40px">

                                <div>Egret</div>
                                <span>7门课程</span>
                            </div>
                            <div class="after">
                                <p>21555人已学习</p>

                                <div class="immediately">立即学习</div>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="list-box">
                        <div class="changewrap">
                            <div class="before">
                                <img src="img/5963.png" width="40px">

                                <div>Arduino</div>
                                <span>14门课程</span>
                            </div>
                            <div class="after">
                                <p>51968人已学习</p>

                                <div class="immediately">立即学习</div>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="list-box">
                        <div class="changewrap">
                            <div class="before">
                                <img src="img/b3e8.png" width="40px">

                                <div>Android UiAutomator</div>
                                <span>20门课程</span>
                            </div>
                            <div class="after">
                                <p>70963人已学习</p>

                                <div class="immediately">立即学习</div>
                            </div>
                        </div>
                    </a>
                    <a class="list-box"></a>
                    <a class="list-box"></a>
                </div>
            </div>
        </div>
        <!-- 精品系列课程 -->
        <div class="products">
            <div class="pro-txt">
                <a href="" class="map">精品系列课程<span>?</span></a>
                <a href="" class="morebtn">更多&gt;&gt;</a>
            </div>
            <div class="pro-content">
                <ul>
                    <li>
                        <div class="pro-box">
                            <div class="default">
                                <h3>Java 设计模式</h3>
                                <img src="img/3583.jpg" width="201px">
                            </div>
                            <div class="appearance">
                                <a href="#"><img src="img/avatar_96865.jpg" class="pic"></a>
                                <a href="#" class="name">hexter</a>
                                <br>
                                <a href="#" class="font">按照一个模式一个课程的方式讲解23种设计模式。每个模式讲3-4节课，从模拟项目设计引入设计模式设计方案，并有详细示例代码和效果演示。</a>
                                <a href="#" class="learn">马上学习</a>
                            </div>
                            <div class="nochange">
                                <span>24门 68070人学习</span>
                                <button class="collect">收藏</button>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="pro-box">
                            <div class="default">
                                <h3>Axure从入门到精通系列课程</h3>
                                <img src="img/3586.jpg" width="201px">
                            </div>
                            <div class="appearance">
                                <a href="#"><img src="img/08jn6e.jpeg"
                                                                                    class="pic"></a>
                                <a href="#" class="name">j_kevin</a>
                                <br>
                                <a href="#" class="font">Axure作为一款专业的原型设计工具，它可以让设计师们利用需求，设计功能和界面来快速的创建应用软件的线框图、流程图、原型和规格说明文档，并且同时支持多人协作和版本控制管理。Axure
                                    RP能制作出低保真原型和高保真原型，低保真原型利用线框图构建出软件的大致结构，利用交互效果来表达用户的实际操作方式，低保真原型能在耗费一定的时间完美清晰的表达出软件的实际功能；高保真原型做出的效果几乎和实际效果一致，但是它需要投入精力，完整表达设计理念和体验。Axure主要学习站点地图的使用、Axure组件的介绍、Axure母版功能、Axure变量的使用以及Axure的交互，在讲解的基础的过程中会贯穿大量的实战。</a>
                                <a href="#" class="learn">马上学习</a>
                            </div>
                            <div class="nochange">
                                <span>19门 59701人学习</span>
                                <button class="collect">收藏</button>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="pro-box">
                            <div class="default">
                                <h3>Python 初级教程</h3>
                                <img src="img/1443.jpg" width="201px">
                            </div>
                            <div class="appearance">
                                <a href="#"><img src="img/3nqwzumk2r288.jpeg"
                                                                             class="pic"></a>
                                <a href="#" class="name">韦苏恩</a>
                                <br>
                                <a href="#" class="font">本套课程主要会让新手接触Python，让各位同学从零基础开始掌握
                                    Python语言。掌握Python基础知识，Python语法，Python运算符与表达式，三种控制流、Python函数、Python数据结构和算法等知识。</a>
                                <a href="#" class="learn">马上学习</a>
                            </div>
                            <div class="nochange">
                                <span>16门 107383人学习</span>
                                <button class="collect">收藏</button>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="pro-box">
                            <div class="default">
                                <h3>OpenGL ES</h3>
                                <img src="img/2042.jpg" width="201px">
                            </div>
                            <div class="appearance">
                                <a href="#"><img src="img/default (1).gif"
                                                                                    class="pic"></a>
                                <a href="#" class="name">驼铃</a>
                                <br>
                                <a href="#" class="font">
                                    1. OpenGL ES 3D图形编程接口的基本概念，使用方法。
                                    2. 介绍基于OpenGL ES的图形流水线，包括固定管线流水线和可编程管线流水线。
                                    3. 讲解主流GPU架构，OpenGL ES驱动架构，及其与应用之间的关系。
                                    4. 讲解基本的3D图形转换，光照，贴图等算法以及基于OpenGL ES的实现。
                                </a>
                                <a href="#" class="learn">马上学习</a>
                            </div>
                            <div class="nochange">
                                <span>12门 27738人学习</span>
                                <button class="collect">收藏</button>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!--WiKi部分  -->
        <div class="WiKi">
            <div class="WiKi-txt">
                <a href="#" class="map">WiKi<span>?</span></a>
                <a href="#" class="morebtn">更多&gt;&gt;</a>
            </div>
            <div class="WiKi-list">
                <div class="wiki-inner">
                    <h3>推荐</h3>

                    <div class="innerleft">
                        <a href="#">
                            <div class="imgbox">
                                <i></i>
                                <img src="img/e06c8.jpg">
                            </div>
                            <p>iOS人机交互指南</p>
                            <span>294页/48章</span>
                        </a>
                    </div>
                    <div class="innerright">
                        <a href="#">
                            <div class="imgbox">
                                <i></i>
                                <img src="img/5cf037d.jpg">
                            </div>
                            <p>Struts 2 教程</p>
                            <span>154页/31章</span>
                        </a>
                    </div>
                    <ul>
                        <li><a href="#"><span class="guide">· PHP 新手指南</span><span
                                class="place">137页/32章</span></a></li>
                        <li><a href="#"><span
                                class="guide">· ASP.NET 编程指南</span><span class="place">232页/35章</span></a></li>
                        <li><a href="#"><span
                                class="guide">· RESTful Web 服务教程</span><span class="place">50页/11章</span></a></li>
                    </ul>
                </div>
                <div class="wiki-inner">
                    <h3>最新</h3>

                    <div class="innerleft">
                        <a href="#">
                            <div class="imgbox">
                                <i></i>
                                <img src="img/7379acaa9.jpg">
                            </div>
                            <p>TensorFlow 中文版</p>
                            <span>2015/12/14</span>
                        </a>
                    </div>
                    <div class="innerright">
                        <a href="#">
                            <div class="imgbox">
                                <i></i>
                                <img src="img/a244b44.jpg">
                            </div>
                            <p>Android官方培训课程</p>
                            <span>2015/12/08</span>
                        </a>
                    </div>
                    <ul>
                        <li><a href="#"><span class="guide">· Laravel 5.1 中文版</span><span
                                class="place">2015/11/11</span></a></li>
                        <li><a href="#"><span
                                class="guide">· Pro Git v2 中文版</span><span class="place">2015/10/30</span></a></li>
                        <li><a href="#"><span
                                class="guide">· Gradle 指南</span><span class="place">2015/10/24</span></a></li>
                    </ul>
                </div>
                <div class="wiki-inner">
                    <h3>热门</h3>

                    <div class="innerleft">
                        <a href="#">
                            <div class="imgbox">
                                <i></i>
                                <img src="img/cab62f6.jpg">
                            </div>
                            <p>Material Design </p>
                            <span>497103 人学习</span>
                        </a>
                    </div>
                    <div class="innerright">
                        <a href="#">
                            <div class="imgbox">
                                <i></i>
                                <img src="img/a467d38c.jpg">
                            </div>
                            <p>Swift 2.0 教程</p>
                            <span>339901 人学习</span>
                        </a>
                    </div>
                    <ul>
                        <li><a href="#"><span class="guide">· React Native 中文版</span><span
                                class="place">279271 人学习</span></a></li>
                        <li><a href="#"><span
                                class="guide">· React 中文版</span><span class="place">48584 人学习</span></a></li>
                        <li><a href="#"><span
                                class="guide">· Java 课程 COOL</span><span class="place">19330 人学习</span></a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 战略合作企业 -->
        <div class="business">
            <div class="map">战略合作企业</div>
            <a href="#" class="morebtn">更多&gt;&gt;</a>
        </div>
        <div id="businer">
            <div class="swiper-container">
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="#"><img src="img/microsoft.jpg"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="img/tengxun.jpg"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="img/chukong.jpg"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="img/8f7d3.jpg"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="img/amd.jpg" width="150px"
                                                                              height="50px"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="img/keda.jpg"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="img/tuling.jpg"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="img/tingyun.jpg"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="img/juhe.jpg" width="150px"
                                                                              height="50px"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="img/060a75.jpg"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="img/61d0d.jpg"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="img/4affa7.jpg"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="img/49948.png"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="img/a195.png"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="img/40cb.jpg"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="img/f9c9.png"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="img/4fd6.jpg"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="img/88fee.png"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="img/cda8.jpg"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="img/80bfa.png"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="img/8bae.png"></a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 合作院校 -->
        <div class="business">
            <div class="map">合作院校</div>
            <a href="#" class="morebtn">更多&gt;&gt;</a>
        </div>
        <div class="academy">
            <div class="swiper-container">
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="img/cf296c.png">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="img/83635.png">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="img/740b9.png">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="img/8c54e.png">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="img/81b3.png">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="img/9b89.png">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="img/e6ad.png">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="img/f6e0.png">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="img/5aec.png">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="img/722.png">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="img/45af.png">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="img/2ad.png">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="img/745d.png">
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 媒体报道 -->
        <div class="business">
            <div class="map">媒体报道</div>
        </div>
        <div class="media">
            <div class="swiper-container">
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="img/mt_1_42b5088.jpg">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="img/mt_2_28e84dd.jpg">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="img/mt_3_46bc154.jpg">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="img/mt_4_2376f75.jpg">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="img/mt_5_8427d73.jpg">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="img/mt_6_21a38b7.jpg">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="img/mt_7_7b98ea4.jpg">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="img/mt_8_22fde55.jpg">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="img/mt_9_c0db122.jpg">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="img/mt_10_d2a046a.jpg">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="img/mt_11_82c3d18.jpg">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="img/mt_12_47fcda1.jpg">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="img/mt_13_fefd1ec.jpg">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="img/mt_14_d3100a3.jpg">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </article>
    <footer>
        <div class="footer1">
            <div class="footer1-inner">
                <ul class="jike-introduction">
                    <li class="jikeschool">
                        <dl>
                            <dt><a href="#">极客学院</a></dt>
                            <dd><a href="#">· 职业课程库</a></dd>
                            <dd><a href="#">· 知识体系图</a></dd>
                            <dd><a href="#">· 职业路径图</a></dd>
                            <dd><a href="#">· 企业课程</a></dd>
                            <dd><a href="#">· 资源下载</a></dd>
                            <dd><a href="#">· 课程标签</a></dd>
                        </dl>
                    </li>
                    <li class="Web-Services">
                        <dl>
                            <dt><a href="#">网站服务</a></dt>
                            <dd><a href="#">· 课程需求</a></dd>
                            <dd><a href="#">· 免费体验VIP</a></dd>
                            <dd><a href="#">· 黑板报</a></dd>
                            <dd><a href="#">· 网站地图</a></dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt><a href="#">帮助中心</a></dt>
                            <dd><a href="#">· VIP权益</a></dd>
                            <dd><a href="#">· 技术问答</a></dd>
                            <dd><a href="#">· 常见问题</a></dd>
                            <dd><a href="#">· 服务条款</a></dd>
                            <dd><a href="#">· 版权声明</a></dd>
                            <dd><a href="#">· 免责声明</a></dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt><a href="#">交流合作</a></dt>
                            <dd><a href="#">· 关于我们</a></dd>
                            <dd><a href="#">· 联系我们</a></dd>
                            <dd><a href="#">· 社会招聘</a></dd>
                            <dd><a href="#">· 布道师招募</a></dd>
                            <dd><a href="#">· 合作咨询</a></dd>
                            <dd><a href="#">· 友情链接</a></dd>
                            <dd><a href="#">· 实战教练招募</a></dd>
                        </dl>
                    </li>
                </ul>
                <ul class="Contactwe">
                    <li><strong>极客学院，编程是一种信仰！</strong></li>
                    <li>
                        <a href="#">
                            <div id="phone">手机客户端</div>
                            <span id="offline">离线学习 随时学习 ></span></a>
                    </li>
                    <li>
                        <a href="#" class="Microblog"></a>
                        <a href="#" class="Post-Bar"></a>
                        <a href="javascript:;" class="WeChat"></a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="contact-img"></div>
                            <div class="contacttxt">
                                联系我们
                                <br> 工作日9:00-21:00在线
                            </div>
                        </a>
                    </li>
                    <li><img src="img/weixin-pop_.png" class="WeChat-img"></li>
                </ul>
            </div>
        </div>
        <div class="footer2">
            Copyright © 2013-2015 <a href="#">极客学院</a>
            <a href="#">jikexueyuan.com</a>
            <span>All Rights Reversed. 京ICP备11018032号-8京公网安备11010802013056</span>
        </div>
        <div class="returnTop"></div>
    </footer>
</div>
<script src="jquery-1.11.1.min.js"></script>
<script src="swiper/swiper-3.2.7.jquery.min.js"></script>
<script src="jikeindex.js"></script>
</body>

</html>
